---
title: "HTML"
sidebarTitle: "HTML"
description: "A React html component to wrap emails."
"og:image": "https://react.email/static/covers/html.png"
icon: "file-code"
---

import Support from '/snippets/support.mdx'

## Install

Install component from your command line.

<CodeGroup>

```sh npm
npm install @react-email/components -E

# or get the individual package

npm install @react-email/html -E
```

```sh yarn
yarn add @react-email/components -E

# or get the individual package

yarn add @react-email/html -E
```

```sh pnpm
pnpm add @react-email/components -E

# or get the individual package

pnpm add @react-email/html -E
```

</CodeGroup>

## Getting started

Add the component to your email template. Include styles where needed.

```jsx
import { Html, Button } from "@react-email/components";

const Email = () => {
  return (
    <Html lang="en" dir="ltr">
      <Button href="https://example.com" style={{ color: "#61dafb" }}>
        Click me
      </Button>
    </Html>
  );
};
```

## Props

<ResponseField name="lang" type="string" default="en">
  Identify the language of text content on the email
</ResponseField>
<ResponseField name="dir" type="string" default="ltr">
  Identify the direction of text content on the email
</ResponseField>

<Support/>
